<template>
  <view class="flex-col page">
	  <view class="flex-col section_1">
	    <view class="justify-between group_1">
			<view class="u-flex-col u-col-center" @click="setIndex(0)">
				<text class="text_1">待评价{{count.evaluatedCount?'('+count.evaluatedCount+')':''}}</text>
				 <view class="section_2" v-if="index==0"><!--*--></view>
			</view>
	    <view class="u-flex-col u-col-center" @click="setIndex(1)">
	    	 <text class="text_2">已评价</text>
	    	 <view class="section_2" v-if="index==1"><!--*--></view>
	    </view>
	     
	    </view>
	   
	  </view>
	  <uncomment v-if="index==0"></uncomment>
	  <comment v-if="index==1"></comment>
     
  </view>
</template>

<script>
	import uncomment from '@/pages/my/evaluatecenter/uncomment.vue';
	import comment from '@/pages/my/evaluatecenter/comment.vue';
  export default {
    components: {
		uncomment,
		comment
	},
    data() {
      return {
       index:0,
	   count:{}
      };
    },
    methods: {
		getOrderCount() {
			this.$http('lorder.count').then(r => {
				if (r.code == 200) {
					this.count = r.data;
				}
			});
		},
		setIndex(index)
		{
			this.index=index;
		}
	},
  };
</script>

<style scoped lang="scss">
    page{
		  background-color: #f6f7f9ff; 
	}
  .page {
    background-color: #f6f7f9ff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .section_1 {
    padding: 0 148rpx;
    background-color: #ffffff;
	
  }
  .section_2 {
  margin-top: 10rpx;
    background-color: #1d6aff;
    border-radius: 4rpx;
    width: 50rpx;
    height: 8rpx;
  }
</style>